<template>
<table>
<thead>
    <tr>
        <th>ID</th>
        <th>Name</th>
        <th>State</th>
    </tr>
</thead>
<!-- 表格主体区域 -->
<tbody>
    <!-- 渲染每一行
    <tr v-for="item in List" :key="item.id">
        <td>{{item.id}}</td>
        <td>{{item.name}}</td>
        <td>{{item.state}}</td>
    </tr> -->
    <tr v-for="item in List" :key="item.id" >
       <slot :Arr="item"></slot> 
    </tr>
</tbody>

</table>
  
</template>

<script>
export default {
    name:'MyTable',
    data(){
        return{
            List:[
             {id:1,name:'张三',state:true},
             {id:2,name:'李四',state:false},
             {id:3,name:'赵六',state:false}
            ]
        }
    }

}
</script>

<style>

</style>